<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>TF管理系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <meta name="author" content="lock"/>
    <link rel="shortcut icon" th:href="@{/TFSystem/img/favicon.ico}" type="image/png"/>
    <link th:href="@{/TFSystem/css/style.css}" href="/static/TFSystem/css/style.css" rel="stylesheet"/>
    <link th:href="@{/TFSystem/css/style-responsive.css}" href="/static/TFSystem/css/style-responsive.css"
          rel="stylesheet"/>
    <link th:href="@{/TFSystem/css/table-responsive.css}" href="/static/TFSystem/css/table-responsive.css"
          rel="stylesheet"/>
    <link th:href="@{/TFSystem/css/demo_table.css}" href="/static/TFSystem/css/demo_table.css" rel="stylesheet"/>
    <link th:href="@{/TFSystem/css/DT_bootstrap.css}" href="/static/TFSystem/css/DT_bootstrap.css" rel="stylesheet"/>
</head>
<body class="sticky-header">
<section>
    <div class="left-side sticky-left-side" style="overflow: hidden;" tabindex="5000">

        <div class="logo">
            <a href="#">
                <img th:src="@{/TFSystem/img/logo.png}" alt="TF管理系统"/>
            </a>
        </div>
        <div class="logo-icon text-center">
            <a href="#">
                <img th:src="@{/TFSystem/img/logo_icon.png}" style="width: 40px;" alt="TF管理系统"/>
            </a>
        </div>
        <div class="left-side-inner">
            <div class="visible-xs hidden-sm hidden-md hidden-lg">
                <div class="media logged-user">
                    <img alt="libai" th:src="@{/TFSystem/img/96d7546cbe9cbe9e36ce11ffd9afcc95-cropper.jpg}"
                         class="media-object"/>
                    <div class="media-body">
                        <h4>
                            <a href="">libai</a>
                        </h4>
                        <span>TF管理系统</span>
                    </div>
                </div>
                <h5 class="left-nav-title">控制台</h5>
                <ul class="nav nav-pills nav-stacked custom-nav">
                    <li>
                        <a href="">
                            <i class="fa fa-user"></i>
                            <span>个人设置</span>
                        </a>
                    </li>
                    <li>
                        <a href="/user/logout">
                            <i class="fa fa-sign-out"></i>
                            <span>退出</span></a>
                    </li>
                </ul>
            </div>

            <ul class="nav nav-pills nav-stacked custom-nav js-left-nav">
                <li class="">
                    <a th:href="@{/user/index}">
                        <i class="fa fa-home"></i>
                        <span>个人中心</span>
                    </a>
                </li>
                <li>
                    <a href="/user_plain">
                        <i class="fa fa-tasks"></i>
                        <span>健身方案</span>
                    </a>
                </li>
                <li class="">
                    <a th:href="@{/user/courses}">
                        <i class="fa fa-book"></i>
                        <span>我的课程</span>
                    </a>
                </li>

                <li class="">
                    <a th:href="@{/user/events}">
                        <i class="fa fa-book"></i>
                        <span>我的运动</span>
                    </a>
                </li>
            </ul>

        </div>
    </div>
    <div class="main-content">
        <div class="header-section">
            <a class="toggle-btn"><i class="fa fa-bars"></i></a>
            <div class="menu-right">
                <ul class="notification-menu">
                    <li>
                        <a href="#" class="btn btn-default dropdown-toggle info-number" data-toggle="dropdown">
                            <i class="fa fa-envelope-o"></i>
                        </a>

                    </li>
                    <li>
                        <a href="javascript:;" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                            <img th:src="@{/TFSystem/img/96d7546cbe9cbe9e36ce11ffd9afcc95-cropper.jpg}"/>
                            <!--/*@thymesVar id="userVO" type="com.vo.UserVO"*/-->
                            <div th:text="${userVO.userName}"></div>
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
                            <li>
                                <a href="user_index.html">
                                    <i class="fa fa-user"></i>
                                    个人主页
                                </a>
                            </li>
                            <li>
                                <a href="avatar.html">
                                    <i class="fa fa-camera"></i>
                                    更换头像
                                </a>
                            </li>
                            <li>
                                <a href="profile_pwd.html">
                                    <i class="fa fa-cog"></i>
                                    更换密码
                                </a>
                            </li>
                            <li>
                                <a href="task.html">
                                    <i class="fa fa-th-list"></i>
                                    我的任务</a>
                            </li>
                            <li>
                                <a href="login.html">
                                    <i class="fa fa-sign-out"></i>
                                    退出
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <div class="page-heading">
            <ul class="breadcrumb pull-left">
                <ul class="breadcrumb pull-left">
                    <li> <a href="user_index.html">首页</a> </li>
                    <li> <a href="user_course.html">课程</a> </li>
                    <li> <a href="user_events.html">运动</a> </li>
                </ul>
            </ul>
        </div>


        <div class="wrapper">
            <div class="row">
                <div class="col-sm-12">
                    <section class="panel">
                        <header class="panel-heading"> Plan<span class="tools pull-right">
			<a href="" class="btn btn-default active" style="padding: 6px;">给我推荐</a>
			<a href="" class="btn btn-default " style="padding: 6px;">由我创建</a>
			<a href="javascript:;" class="fa fa-chevron-down"></a>
            </span> </header>
                        <div class="panel-body">
                            <section id="unseen">
                                <form id="project-form-list">
                                    <div id="dynamic-table_wrapper" class="dataTables_wrapper form-inline" role="grid"><div class="row-fluid"><div class="span6"></div><div class="span6"></div></div><table class="table table-bordered table-striped table-condensed dataTable" id="dynamic-table">
                                        <thead>
                                        <tr role="row">

                                        	<th class="sorting" role="columnheader" tabindex="0" aria-controls="dynamic-table" rowspan="1" colspan="1" style="width: 153px;" aria-label="标题: activate to sort column ascending">推荐健身方案</th>
                                        	<th class="sorting" role="columnheader" tabindex="0" aria-controls="dynamic-table" rowspan="1" colspan="1" style="width: 94px;" aria-label="创建人: activate to sort column ascending">创建人</th>
                                        	<th class="hidden-xs sorting_desc" role="columnheader" tabindex="0" aria-controls="dynamic-table" rowspan="1" colspan="1" style="width: 141px;" aria-sort="descending" aria-label="创建日期: activate to sort column ascending">创建日期</th>
                                        	<th class="sorting" role="columnheader" tabindex="0" aria-controls="dynamic-table" rowspan="1" colspan="1" style="width: 143px;" aria-label="操作: activate to sort column ascending">详情</th>
                                        </tr>
                                        </thead>
                                        <tbody role="alert" aria-live="polite" aria-relevant="all"><tr class="odd">

                                            <td class=" "><a href="project_test_detail.html">系统推荐</a></td>
                                            <td class=" "><a href="user_index.html">系统推荐</a></td>
                                            <td class="hidden-xs  sorting_1">2017-07-12</td>
                                       
                                            <td class=" "> <a href="#completeModal" data-toggle="modal" data-id="105144705259409408" title="查看" class="btn btn-info btn-xs"><i class="fa fa-check-square"></i></a><a href="edit_project_test.html" title="编辑" class="btn btn-danger btn-xs"><i class="fa fa-pencil-square-o"></i></a> </td>
                                      

                                        </tr>
                                        </tbody>
                                    </table>
                                    <div class="row-fluid"><div class="span6"></div><div class="span6"></div></div></div>
                                </form>

                            </section>
                        </div>
                    </section>
                </div>
            </div>
        </div>
       

    </div>

</section>

<div id="ascrail2000" class="nicescroll-rails" style="width: 6px; z-index: 1000; background: rgb(66, 79, 99) none repeat scroll 0% 0%; cursor: default; position: fixed; top: 0px; height: 100%; right: 0px; opacity: 0;">
    <div style="position: relative; top: 0px; float: right; width: 6px; height: 308px; background-color: rgb(101, 206, 167); border: 0px none; background-clip: padding-box; border-radius: 0px;"></div>
</div>
<div id="ascrail2000-hr" class="nicescroll-rails" style="height: 6px; z-index: 1000; background: rgb(66, 79, 99) none repeat scroll 0% 0%; position: fixed; left: 0px; width: 100%; bottom: 0px; cursor: default; display: none; opacity: 0;">
    <div style="position: relative; top: 0px; height: 6px; width: 1215px; background-color: rgb(101, 206, 167); border: 0px none; background-clip: padding-box; border-radius: 0px;"></div>
</div>
<div id="ascrail2001" class="nicescroll-rails" style="width: 3px; z-index: 100; background: rgb(66, 79, 99) none repeat scroll 0% 0%; cursor: default; position: fixed; top: 0px; left: 137px; height: 555px; display: none; opacity: 0;">
    <div style="position: relative; top: 0px; float: right; width: 3px; height: 0px; background-color: rgb(101, 206, 167); border: 0px none; background-clip: padding-box; border-radius: 0px;"></div>
</div>
<div id="ascrail2001-hr" class="nicescroll-rails" style="height: 3px; z-index: 100; background: rgb(66, 79, 99) none repeat scroll 0% 0%; top: 552px; left: 0px; position: fixed; cursor: default; display: none; opacity: 0;">
    <div style="position: relative; top: 0px; height: 3px; width: 0px; background-color: rgb(101, 206, 167); border: 0px none; background-clip: padding-box; border-radius: 0px; left: 0px;"></div>
</div>
<script src="js/jquery.validate.js"></script>
<script src="js/opms.js"></script>
<script type="text/javascript" src="js/jquery.dataTables.js"></script>
<script type="text/javascript" src="js/DT_bootstrap.js"></script>
<script src="js/dynamic_table_init.js"></script>

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.nicescroll.js"></script>
<script src="js/scripts.js"></script>
<script>
    $(function(){
        $('#acceptModal').on('show.bs.modal', function (e) {
            $('#testid').val($(e.relatedTarget).attr('data-id'))
        });
        $('#completeModal').on('show.bs.modal', function (e) {
            $('#ctestid').val($(e.relatedTarget).attr('data-id'))
        });
    })
</script>
</body>
</html>
